<?php
require_once './php_lib/conexion.php';
require_once('./php_lib/funciones.php');

$Form1Action = 'ajax_producto.php?funcion=4';

$lista_colores = obtener_colores($db_zapatos);
$lista_tallas = obtener_tallas($db_zapatos);
$lista_marcas = obtener_marcas($db_zapatos);
$lista_modelos = obtener_modelos($db_zapatos, $lista_marcas);
$lista_tipos = obtener_tipos($db_zapatos);
$lista_generos = obtener_generos($db_zapatos);
$lista_perfiles_cliente = obtener_perfiles_cliente($db_zapatos, $lista_generos);

$lista_regiones = obtener_regiones($db_zapatos);			// Obtenemos la lista de regiones
$lista_comunas = obtener_comunas($db_zapatos, $lista_regiones);		// Traemos listado de comunas


?>
<form id="form1" name="form1" method="post" action="<?php echo $Form1Action; ?>">

<h2>Listar Productos</h2>
<div>
	<div><strong>Filtrar por: </strong></div>
	<div class="estandar" ><label for="col_id">Color</label>
		<select id="col_id" name="col_id">
			<option value="0" SELECTED>Todos</option>
			<? foreach( $lista_colores as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="talla_id">Talla</label>
		<select id="talla_id" name="talla_id">
			<option value="0" SELECTED>Todas</option>
			<? foreach( $lista_tallas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="mar_id">Marca</label>
		<select id="mar_id" name="mar_id">
			<option value="0" SELECTED>Todas</option>
			<? foreach( $lista_marcas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="mod_id">Modelo</label>
		<select name="mod_id" id="mod_id" disabled="disabled">
			<option value="0">Seleccione una marca</option>  
		</select></div>

	<div class="estandar" ><label for="tip_id">Tipo</label>
		<select id="tip_id" name="tip_id">
			<option value="0" SELECTED>Todos</option>
			<? foreach( $lista_tipos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="gen_id">Genero</label>
		<select id="gen_id" name="gen_id">
			<option value="0" SELECTED>Todos</option>
			<? foreach( $lista_generos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="perfc_id">Perfil cliente</label>
		<select name="perfc_id" id="perfc_id" disabled="disabled">
			<option value="0">Seleccione un género</option>  
		</select></div>

	<div class="estandar" ><label for="reg_id">Región</label>
		<select name="reg_id" id="reg_id">
			<option value="0">Seleccione una región</option>
			<? foreach( $lista_regiones as $reg_key => $reg_val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $reg_key, $reg_val);
			} ?>
		</select></div>

	<div class="estandar" ><label for="loc_id">Localidad</label>
		<select name="loc_id" id="loc_id" disabled="disabled">
			<option value="0">Seleccione una comuna</option>  
		</select>
		</div>

	<div class="estandar" ><label for="suc_id">Sucursal</label>
		<select name="suc_id" id="suc_id" disabled="disabled">
			<option value="0">Seleccione una localidad</option>  
		</select>
		</div>


</div>

<table border="1" align="center" id="tabla_producto" class="db_listado">
    <tr>
	<th class="flecha_abajo" val="prod_id">Id del Producto&nbsp;&nbsp;</th>
	<th val="mod_descripcion">Modelo&nbsp;&nbsp;</th>
	<th val="mar_descripcion">Marca&nbsp;&nbsp;</th>
	<th val="tip_descripcion">Tipo&nbsp;&nbsp;</th>
	<th val="perfc_descripcion">Perfil Cliente&nbsp;&nbsp;</th>
	<th val="gen_descripcion">Género&nbsp;&nbsp;</th>
	<th val="col_descripcion">Color&nbsp;&nbsp;</th>
	<th val="talla_num">Talla&nbsp;&nbsp;</th>
	<th val="pros_stock">Stock&nbsp;&nbsp;</th>
	<th val="sec_des">Sector&nbsp;&nbsp;</th>
	<th val="bod_des">Bodega&nbsp;&nbsp;</th>
	<th val="suc_des">Sucursal&nbsp;&nbsp;</th>
	<th val="suc_calle">Calle&nbsp;&nbsp;</th>
	<th val="loc_des">Localidad&nbsp;&nbsp;</th>
	<th val="reg_des">Región&nbsp;&nbsp;</th>
	<th>Accion</th>
    </tr>

</table>

<p><input name="mostrar" type="button" value="Mostrar" onclick="listar_producto();" /><input type="text" name="tam" id="tam" mazlenght="3" value="30" width="30"/> filas, 
  empezando por la fila <input type="text" name="inicio" id="inicio" value="0" maxlength="3" width="30"/></p>
  
<p><input type="button" name="anterior" value="&lt;" onClick="BotonAnterior();"/>&nbsp;<input name="siguiente" type="button" value="&gt;" onClick="BotonSiguiente();" /></p>

<input type="hidden" id="orden" name="orden" value="prod_id" />
<input type="hidden" id ="osentido" name="osentido" value="ASC" />

<input type="hidden" id ="val" name="val" value="0" />
<input type="hidden" id ="key" name="key" value="0" />

</form>

<script languaje="JavaScript">
<!--

var lista_modelos = new Array();
var lista_perfiles_cliente = new Array();
var lista_comunas = new Array();
<?php
// Pasamos la variable $lista_modelos y lista_perfiles_cliente a javascript
foreach( $lista_modelos  as $key => $val) { 
	echo sprintf("lista_modelos[%d] = new Array();", $key);
	foreach( $lista_modelos[$key] as $s_key => $s_val) {
		echo sprintf("lista_modelos[%d][%d] = \"%s\";", $key, $s_key, $s_val);
	}
}

foreach( $lista_perfiles_cliente  as $key => $val) { 
	echo sprintf("lista_perfiles_cliente[%d] = new Array();", $key);
	foreach( $lista_perfiles_cliente[$key] as $s_key => $s_val) {
		echo sprintf("lista_perfiles_cliente[%d][%d] = \"%s\";", $key, $s_key, $s_val);
	}
}

foreach( $lista_regiones  as $reg_key => $reg_val) { 
		echo sprintf("lista_comunas[%d] = new Array();", $reg_key);
		foreach( $lista_comunas[$reg_key] as $loc_key => $loc_val) {
			echo sprintf("lista_comunas[%d][%d] = \"%s\";", $reg_key, $loc_key, $loc_val);
		}
	}
?>

$('#col_id').change( function() {
	listar_producto();
});

$('#talla_id').change( function() {
	listar_producto();
});

$('#mod_id').change( function() {
	listar_producto();
});

$('#tipo_id').change( function() {
	listar_producto();
});

$('#perfc_id').change( function() {
	listar_producto();
});

$('#suc_id').change( function() {
	listar_producto();
});

$('#loc_id').change( function() {
	document.getElementById('key').value = "suc_id";
	document.getElementById('val').value = "suc_des";

	$.ajax({
	type: 'POST',
	dataType: "json",
	url: 'ajax_producto.php?funcion=5',
	data: $('#form1').serialize(),
	success: function(data) {
		key = document.getElementById('loc_id').value;
		suc = document.getElementById('suc_id');
		
		suc.length = 1;
		if (key != 0) {
			j = 1;
			for( i in data.rows){
				suc.length++;
				suc.options[j].value = data.rows[i].suc_id;
				suc.options[j].text =  data.rows[i].suc_des;
				j++;
			}
			suc.disabled = false;
			suc.options[0].text = "Todas";
		} else {
			suc.disabled = true;
			suc.options[0].text = "Selectione una localidad";
		}
		listar_producto();
	}
	});
});

$('#mar_id').change( function() {
	key = document.getElementById('mar_id').value;
	modelo = document.getElementById('mod_id');
	modelo.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_modelos[key]){
			modelo.length++;
			modelo.options[i].value = s_key;
			modelo.options[i].text =  lista_modelos[key][s_key];
			i++;
		}
		modelo.disabled = false;
		modelo.options[0].text = "Todos";
	} else {
		modelo.disabled = true;
		modelo.options[0].text = "Selectione una marca";
	}
	listar_producto();
});

$('#gen_id').change( function() {
	key = document.getElementById('gen_id').value;
	perfc = document.getElementById('perfc_id');
	perfc.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_perfiles_cliente[key]){
			perfc.length++;
			perfc.options[i].value = s_key;
			perfc.options[i].text =  lista_perfiles_cliente[key][s_key];
			i++;
		}
		perfc.disabled = false;
		perfc.options[0].text = "Todos";
	} else {
		perfc.disabled = true;
		perfc.options[0].text = "Selectione un género";
	}
	listar_producto();
});

$('#reg_id').change( function() {
	reg_key = document.getElementById('reg_id').value;
	comuna = document.getElementById('loc_id');
	comuna.length = 1;
	if (reg_key != 0) {
		i = 1;
		for( loc_key in lista_comunas[reg_key]){
			comuna.length++;
			comuna.options[i].value = loc_key;
			comuna.options[i].text =  lista_comunas[reg_key][loc_key];
			i++;
		}
		comuna.disabled = false;
		comuna.options[0].text = "Todas";
	} else {
		comuna.disabled = true;
		comuna.options[0].text = "Seleccione una región";
	}
	listar_producto();
});

// Ordena por etiqueta al clickearla
$('.db_listado th').click( function(){
	if($(this).attr('val')) {
		if( $('#orden').val() == $(this).attr('val')){
			if( $('#osentido').val() == "ASC"){
				$('#osentido').val("DESC");
				$(this).removeClass();
				$(this).addClass("flecha_arriba");
			} else {
				$('#osentido').val("ASC");
				$(this).removeClass();
				$(this).addClass("flecha_abajo");
			}
		} else {
			$('#orden').val( $(this).attr('val'));
			$('#osentido').val("ASC");
			$('.db_listado th').removeClass();
			$(this).addClass("flecha_abajo");
		}
		listar_producto();
	}
});

// Imprime la tabla producto
function listar_producto() {
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: $('#form1').attr('action'),
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0) {
			$("#tabla_producto").find("tr:gt(0)").remove();
			for(i = 0; i < data.num_rows; i++){
				tr = '<tr>';
	
				tr += '<td title="' + data.rows[i].prod_id + '"><div class="td1">' 		+ data.rows[i].prod_id + '</div></td>';
				tr += '<td title="' + data.rows[i].mod_descripcion + '"><div class="td1">' 	+ data.rows[i].mod_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].mar_descripcion + '"><div class="td1">' 	+ data.rows[i].mar_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].tip_descripcion + '"><div class="td1">' 	+ data.rows[i].tip_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].perfc_descripcion + '"><div class="td1">' 	+ data.rows[i].perfc_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].gen_descripcion + '"><div class="td1">' 	+ data.rows[i].gen_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].col_descripcion + '"><div class="td1">' 	+ data.rows[i].col_descripcion + '</div></td>';
				tr += '<td title="' + data.rows[i].talla_num + '"><div class="td1">' 		+ data.rows[i].talla_num + '</div></td>';
				tr += '<td title="' + data.rows[i].pros_stock + '"><div class="td1">' 		+ data.rows[i].pros_stock + '</div></td>';
				tr += '<td title="' + data.rows[i].sec_des + '"><div class="td1">' 		+ data.rows[i].sec_des + '</div></td>';
				tr += '<td title="' + data.rows[i].bod_des + '"><div class="td1">' 		+ data.rows[i].bod_des + '</div></td>';
				tr += '<td title="' + data.rows[i].suc_des + '"><div class="td1">' 		+ data.rows[i].suc_des + '</div></td>';
				tr += '<td title="' + data.rows[i].suc_calle + '"><div class="td1">' 		+ data.rows[i].suc_calle + '</div></td>';
				tr += '<td title="' + data.rows[i].loc_des + '"><div class="td1">' 		+ data.rows[i].loc_des + '</div></td>';
				tr += '<td title="' + data.rows[i].reg_des + '"><div class="td1">' 		+ data.rows[i].reg_des + '</div></td>';

				tr += '<td>';
					tr += '<a onclick="$(\'#mainDiv\').load(\'./editar_producto.php?prod_id=' + data.rows[i].prod_id + '\');" href="#" class="ico_edit" title="Editar"></a>';
					tr += '<a onclick="$(\'#mainDiv\').load(\'./eliminar_producto.php?prod_id=' + data.rows[i].prod_id + '\');" href="#" class="ico_del" title="Eliminar"></a>';
				tr += '</td>';
				
				tr += '</tr>';

				$('#tabla_producto').append(tr);
			}
			$('.tooltip').remove();
			$('td[title]').tooltip({
// 				tip: '#tooltip',
				position: 'bottom center',
//  				offset: [0, 250],
				delay: 0
			});
//			$('#mainDiv').html(data.respuesta);
		} else {
			for( error_key in data.lista_errores){
				alert( data.lista_errores[error_key]);
			}
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})  
}

function BotonAnterior(){
   $('#inicio').val( parseInt($('#inicio').val()) - parseInt($('#tam').val()));
   if($('#inicio').val() < 0) $('#inicio').val(0);
   listar_producto();
}

function BotonSiguiente(){ 
   $('#inicio').val( parseInt($('#inicio').val()) + parseInt($('#tam').val()));
   listar_producto(); 
}

listar_producto();

-->
</script>